			<tr>
					<td class="col1">Issue Description<span style="font-size:10px">(1000 words max)</span></td>
					<td class="col2"><textarea name="issue_desc" id="issue_desc" rows=5 cols=40></textarea></td>
					
				</tr>
			
			</table>
			
			<br class="clearfix"/>
			
			<table style="width:100%">
				<tr>
					<td style="text-align:center;">
						<a href='javascript:void(0);' class='button_role' id='submit'>Save</a>
					</td>
					
				</tr>
			
			</table>
			
			<table style="width:100%">
				<tr>
					<td style="text-align:center;">
						<span id="msg_issue" style="display:none;"></span>
					</td>
					
				</tr>
			
			</table>
			
			<br class="clearfix"/>
			
		</div>
	</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	
	$(document).ready(function(){
			
			$.get("../../bind?id=soc_name" , function(data){
				var name = data;
				$("#soc_name1").html(name);
			});
			
			$.get("../../bind?id=role",function(data){
				$("#role").html(data);
			});
	});

	$("#submit").click(function(e) {
		
		var resp_id = $(".issue_cat").val();
		var issue_text = $("#issue_desc").val();
		var bCode = $(".b_code").val();
		var fCode = $(".f_code").val();
		
		if(issue_text == "") {
			$("#msg_issue").html("<span style='color:red;'>Please enter issue text</span>");
			$("#msg_issue").css("display","block");
			
			return false;
		}
		
		$.post("../../report-issue" , {resp : resp_id, issue : issue_text, b_code : bCode, f_code : fCode}, function(data){
			$("#msg_issue").html(data);
			$("#msg_issue").css("display", "block");
		});
	});
});

</script>

</body>
</html>